<!DOCTYPE html>
<html lang="en">
	<head>
		<title>区划月度分析</title>
		<#include "../inc/header.ftl"/>
	</head>

	<body class="no-skin">

		<div class="main-container ace-save-state" id="main-container">

			<div class="main-content">
				<div class="main-content-inner">

					<div class="page-content">
						<div class="row">
							<div class="col-xs-12">
								<table id="MainGrid"></table>
								<div id="toolbar">
                                    <div style="padding:8px">
                                        区划：<input id="cantonid" name="cantonid">
                                        月份：
                                        <input id="paybankmonth"   editable="false" name="paybankmonth" class="easyui-datebox" style="width: 172px" />

                                        <a href="#" onclick="javascript:searchInfo()" class="easyui-linkbutton" iconCls="icon-search">查 询</a>
                                        <a href="#" onclick="javascript:findInfo()" class="easyui-linkbutton" iconCls="icon-redo">主动获取预算单位</a>
                                    </div>
								</div>
							</div>
						</div><!-- /.row -->
					</div><!-- /.page-content -->
                    <div id="box-add" class="ui-dialog-content hide">
                        <form class="form-horizontal" id="form-add" method="post">
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-4 no-padding-right">区划</label>
                                <div class="col-xs-12 col-sm-8">
									<span class="block input-icon input-icon-right">
										<input type="text" name="canton" id="canton" class="col-xs-12 easyui-textbox" data-options="required:true" style="width:100%" />
									</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-4 no-padding-right">月份</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="clearfix">
                                        <input id="bankdate" name="bankdate" class="easyui-datebox" editable="false" style="width: 172px" />

                                    </div>
                                </div>
                            </div>
                        </form>
                    </div><!-- #dialog-confirm -->

                </div>
			</div><!-- /.main-content -->
		</div><!-- /.main-container -->

		<!-- basic scripts -->
		<#include "../inc/basicjs.ftl"/>

		<!-- inline scripts related to this page -->
		<script type="text/javascript">
            //列表-------------------------------------------------
			jQuery(function($) {
                //设置前当月
                $("#paybankmonth").datebox("setValue", myformatters(curr_time));
                listPage();
			});

            function searchInfo() {
                listPage(prefix + '/bill/statdata/findStatDataPage');
            }

			function listPage(url) {
                var cantonid = $('#cantonid').val();
                var paybankdt = $('#paybankmonth').val();
                // 右侧表格
                $('#MainGrid').datagrid({
                    url: url,
                    checkbox: true,
                    pagination: true,
                    fitColumns:true,
                    striped: true,
                    singleSelect: true,
                    loadMsg: "正在加载数据，请稍后...",
                    queryParams: {cantonid:cantonid,paybankdt:paybankdt},
                    columns:[[
                        { title: '区划', field: 'canton', width: 110 },
                        { title: '银行',	field: 'bank',width:250},
                        { title: '收款时间',	field: 'paybankdt',width:100},
                        { title: '单位', field: 'unit', width: 200},
                        { title: '项目', field: 'item',width:250},
                        { title: '金额', field: 'funds', width: 100 }
                    ]],
                    toolbar: '#toolbar'
                });

                $(window).resize(function() {
                    $('#MainGrid').datagrid('resize');
                });
            }



            //---区划三级下拉框
            $('#cantonid').combotree({
                url:prefix+'/base/basedata/findUserCantonMap',
                required: true,
                width: 200
            });

            function findInfo() {

                $("#bankdate").datebox("setValue", myformatters(curr_time));
                //---区划三级下拉框
                $('#canton').combotree({
                    url:prefix+'/base/basedata/findUserCantonMap',
                    required: true,
                    width: 200
                });

                $( "#box-add" ).removeClass('hide').dialog({
                    title: '&nbsp;主动获取预算单位',
                    iconCls:'icon-add',
                    width: 600,
                    height: 400,
                    modal: true,
                    buttons:[{
                        text:'获取',
                        iconCls:'icon-ok',
                        width:80,
                        plain:false,
                        handler:function(){
                            saveInfo();
                        }
                    },{
                        text:'取消',
                        iconCls:'icon-cancel',
                        width:80,
                        plain:false,
                        handler:function(){$('#box-add').dialog('close')}
                    }]
                });
            }
            function saveInfo() {
                var cantonid = $('#canton').val();
                var paybankdt = $('#paybankmonth').val();

                $('#form-add').form({
                    url: prefix +'/bill/statdata/getStatData',
                    onSubmit:function(param){
                        param.cantonid = cantonid;
                        param.paybankdt = paybankdt;
                        var isValid = $(this).form('validate');
                        if (isValid){
                            $.messager.progress({
                                title: '提示',
                                msg: '数据处理中，请稍候……',
                                text: ''
                            });
                        }
                        return isValid;
                    },
                    success:function(data) {
                        $.messager.progress('close');
                        var data = eval('(' + data + ')');
                        if(data.success) {
                            $('#form-add').form('load',data.data);
                            $('#box-add').dialog('close');
                            searchInfo();
                        }
                        $.messager.alert('提示', data.msg, 'info');
                    }
                });
                $('#form-add').submit();
            }

            // ----日期-------------------------
            $('#bankdate').datebox({
                onShowPanel: function () {//显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层
                    var p = $("#bankdate").datebox('panel'), //日期选择对象
                        tds = false, //日期选择对象中月份
                        aToday = p.find('a.datebox-current'),
                        yearIpt = p.find('input.calendar-menu-year'),//年份输入框
                        //显示月份层的触发控件
                        span = aToday.length ? p.find('div.calendar-title span') ://1.3.x版本
                            p.find('span.calendar-text'); //1.4.x版本
                    if (aToday.length) {//1.3.x版本，取消Today按钮的click事件，重新绑定新事件设置日期框为今天，防止弹出日期选择面板
                        aToday.unbind('click').click(function () {
                            var now = new Date();
                            now = now < 10 ? '0' + now : now;
                            $("#bankdate").datebox('hidePanel').datebox('setValue', now.getFullYear() + '-' + (now.toString() + 1));
                        });
                    }
                    span.trigger('click'); //触发click事件弹出月份层
                    //fix 1.3.x不选择日期点击其他地方隐藏在弹出日期框显示日期面板
                    if (p.find('div.calendar-menu').is(':hidden')) p.find('div.calendar-menu').show();
                    if (!tds) setTimeout(function () {//延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔
                        tds = p.find('div.calendar-menu-month-inner td');
                        tds.click(function (e) {
                            e.stopPropagation(); //禁止冒泡执行easyui给月份绑定的事件
                            var year = /\d{4}/.exec(span.html())[0];//得到年份
                            var month = parseInt($(this).attr('abbr'), 10); //月份，这里不需要+1
                            month = month < 10 ? '0' + month : month;
                            $("#bankdate").datebox('hidePanel')//隐藏日期对象
                                .datebox('setValue', year + '-' + month); //设置日期的值
                        });
                    }, 0);
                    yearIpt.unbind();//解绑年份输入框中任何事件
                },
                parser: function (s) {
                    if (!s) return new Date();
                    var arr = s.split('-');
                    return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, 1);
                },
                formatter: function (d) {
                    return d.getFullYear() + '-' + (d.getMonth() + 1);/*getMonth返回的是0开始的，忘记了。。已修正*/
                }
            });
                $('#paybankmonth').datebox({
                    onShowPanel: function () {//显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层
                        var p = $("#paybankmonth").datebox('panel'), //日期选择对象
                            tds = false, //日期选择对象中月份
                            aToday = p.find('a.datebox-current'),
                            yearIpt = p.find('input.calendar-menu-year'),//年份输入框
                            //显示月份层的触发控件
                            span = aToday.length ? p.find('div.calendar-title span') ://1.3.x版本
                                p.find('span.calendar-text'); //1.4.x版本
                        if (aToday.length) {//1.3.x版本，取消Today按钮的click事件，重新绑定新事件设置日期框为今天，防止弹出日期选择面板
                            aToday.unbind('click').click(function () {
                                var now = new Date();
                                now = now < 10 ? '0' + now : now;
                                $("#paybankmonth").datebox('hidePanel').datebox('setValue', now.getFullYear() + '-' + (now.toString() + 1));
                            });
                        }
                        span.trigger('click'); //触发click事件弹出月份层
                        //fix 1.3.x不选择日期点击其他地方隐藏在弹出日期框显示日期面板
                        if (p.find('div.calendar-menu').is(':hidden')) p.find('div.calendar-menu').show();
                        if (!tds) setTimeout(function () {//延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔
                            tds = p.find('div.calendar-menu-month-inner td');
                            tds.click(function (e) {
                                e.stopPropagation(); //禁止冒泡执行easyui给月份绑定的事件
                                var year = /\d{4}/.exec(span.html())[0];//得到年份
                                var month = parseInt($(this).attr('abbr'), 10); //月份，这里不需要+1
                                month = month < 10 ? '0' + month : month;
                                $("#paybankmonth").datebox('hidePanel')//隐藏日期对象
                                    .datebox('setValue', year + '-' + month); //设置日期的值
                            });
                        }, 0);
                        yearIpt.unbind();//解绑年份输入框中任何事件
                    },
                    parser: function (s) {
                        if (!s) return new Date();
                        var arr = s.split('-');
                        return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, 1);
                    },
                    formatter: function (d) {
                        return d.getFullYear() + '-' + (d.getMonth() + 1);/*getMonth返回的是0开始的，忘记了。。已修正*/
                    }
                });
                var curr_time = new Date();

            function myformatters(date) {
                //获取年份
                var y = date.getFullYear();
                //获取月份
                var m = date.getMonth() + 1;
                var currentMonthStr = m < 10 ? ('0' + m) : (m + '');
                return y + '-' + currentMonthStr;
            }

        </script>
	</body>
</html>
